import Item from '../Item'


function List(props) {

    const { todos, deleteTodo, finishedChange } = props



    return (
        <ul>
            {
                todos.map(

                    todo => {

                        return (<Item key={todo.id} {...todo} deleteTodo={deleteTodo} finishedChange={finishedChange} />)

                    }

                )
            }
        </ul>
    )
}

export default List